<!--
  To change this template, choose Tools | Templates
  and open the template in the editor.
-->

<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'jquery.dataTables.css')}" type="text/css">
    <link rel="stylesheet" href="${resource(dir: 'css', file: 'protein.css')}" type="text/css">
    <g:javascript library="jquery" />
    <r:layoutResources />
    <g:javascript src="jquery.dataTables.min.js" />
    <g:javascript src="ColReorder.min.js" />
    <g:javascript src="ColVis.min.js" />
    <title>MaTisse</title>
  </head>
  <body>
    <g:render template="header" />
    <!--
    <table border ="0" >       
    <img src="/MALDI/images/logo.png" />
    </table>
    -->
    
    <h2>MaTisse DB: Comprehensive identification from MALDI imaging matrices and tissues</h2>
    The MaTisse DB contains the bottom-up identifications from matrix proteomes and the proteomes of the underlying tissues of MALDI imaging specimen was well as top-down identifications from MALDI matrix extracts of Maier et al. Furthermore it contains a comprehensive listing of masses identified in MALDI imaging studies of humans and rodents. 

    The underlying data MS data is available through proteomeXchange and in the supporting information of the manuscript. </br></br>
    To cite this resource, the primary reference is <a href="http://www.ncbi.nlm.nih.gov/pubmed/" target="_blank" style="color: blue"><u>(here)</u></a></br></br>

       
    <form name="searchProteins" action="#">
      <table border="0">      
        <tr>
          <td>Search gene name: </td>
          <td><input type="text" name="geneName" value="" /><br/></td>
          <td>e.g.: STAU1, NRAS, ATP5J </td>
        </tr>
        <tr>
          <td>Search IPI:</td>
          <td><g:textField name="ipiAccession"/><br/></td>
          <td>e.g.: IPI00215611, IPI00026570, IPI00002521, IPI00647428, IPI00339274</td>
        <tr>
          <td>Mass:</td>
          <!--
          <td><g:textField name="minMass" id="text1" value="" onChange="changeField()" /> + / - </td>
          -->
          <td><g:textField name="minMass" id="text1" value=""/> + / - </td>           
          <td><g:textField name="range" id="text2" value="" /> Da.</td>
        </tr>
        <tr>
          <!--
          <td>max mass: </td>
          <td><g:textField name="maxMass" id="text2" value="" /></td>
          <td>e.g.: 6578</td>
          -->
        </tr>
      </table>
      
        <g:submitToRemote action ="list" update="result" value="Search MaTisse"/>
        <g:submitToRemote action ="lit" update="litList" value="Search literature"/></br>
        </br>
    </form>  
    <!--
    <form name="searchProteins">
                 Search for protein: 
          <input type="text" name="geneName" value="" /><br/>         
                 Search for IPIs: 
          <g:textField name="ipiAccession"/><br/>
          min. Mass: 
          <g:textField name="minMass"/>
          max Mass: 
          <g:textField name="maxMass"/><br/>    
          <g:submitToRemote action ="list" update="result" value="Search"/>
    </form>  
    -->
    <div id="result"></div>    
    <div id="literature"></div>
    <div id="litList"></div>
    <!--
    <script type="text/javascript">
      function changeField() {
        var max = document.getElementById("text1").value
        document.getElementById("text2").value= parseInt(max) + 3;
    }
    </script>
    -->
  </body>
</html>